<%--
  Created by IntelliJ IDEA.
  User: guobenqi
  Date: 2021/5/29
  Time: 18:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <!-- 1. 导入CSS的全局样式 -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script src="js/jquery-2.1.0.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <title>添加学生信息</title>
</head>
<body>
<div  class="container">
    <h1 style="text-align: center;color:orangered;">添加学生信息</h1>


    <form action="/addStudent" method="post">
        <div class="form-group">
            <label for="exampleInputEmail1">学号</label>
            <input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" name="username" placeholder="请输入学生学号">
        </div>
        <div class="form-group">
            <label for="name">姓名</label>
            <input type="text" class="form-control" id="name" aria-describedby="emailHelp" name="sName" placeholder="请输入学生姓名">
        </div>
        <div class="form-group">
            <label for="exampleInputPassword1">学院</label>
            <select id="exampleInputPassword1" class="form-control" name="sCollege">
                <option selected>----未分配----</option>
                <option>两江人工智能学院</option>
                <option>机械学院</option>
                <option>计算机学院</option>
                <option>理学院</option>
                <option>管理学院</option>
            </select>
        </div>

        <div class="form-group">
            <label for="exa">班级</label>
            <select id="exa" class="form-control" name="cId">
                <option selected>----未分配----</option>
                <option value=1>软工一班</option>
                <option value=2>软工二班</option>
                <option value=3>软工三班</option>
                <option value=4>软工四班</option>
            </select>
        </div>
        <div class="form-group">
            <label for="pass">专业</label>
            <select id="pass" class="form-control" name="sDepartment">
                <option selected>----未分配----</option>
                <option>智能科学与技术</option>
                <option>软件工程</option>
                <option>人工智能</option>
                <option>大数据</option>
            </select>
        </div>
        <div class="form-group">
            <label for="sex">性别</label>
            <select id="sex" class="form-control" name="sSex">

                <option>男</option>
                <option>女</option>
            </select>
        </div>
        <div class="form-group">
            <label for="age">年龄</label>
            <select id="age" class="form-control" name="sAge">
                <option>17</option>
                <option>18</option>
                <option selected>19</option>
                <option>20</option>
                <option>21</option>
                <option>22</option>
                <option>23</option>
                <option>24</option>
                <option>25</option>
                <option>26</option>
            </select>
        </div>
        <div class="form-group">
            <label for="examp">民族</label>
            <input type="text" class="form-control" id="examp" aria-describedby="emailHelp" name="sNation" placeholder="请输入学生民住">
        </div>
        <div class="form-group">
            <label for="ex">家庭住址</label>
            <input type="text" class="form-control" id="ex" aria-describedby="emailHelp" name="sAddress" placeholder="请输入学生家庭住址">
        </div>

        <button type="submit" class="btn btn-primary" style="width: 100%;">添加</button>
    </form>
</div>

</body>
<style type="text/css">
    body{
        width: 100%;
        height: 100%;
        background: url("${pageContext.request.contextPath}/image/1.jpg");
        /*background-size: cover;*/
        color: purple;
        animation-name:myfirst;
        animation-duration:12s;
        /*变换时间*/
        animation-delay:2s;
        /*动画开始时间*/
        animation-iteration-count:infinite;
        /*下一周期循环播放*/
        animation-play-state:running;
        /*动画开始运行*/
    }
    @keyframes myfirst
    {
        0%   {background:url("${pageContext.request.contextPath}/image/1.jpg");
        }
        34%  {background:url("${pageContext.request.contextPath}/image/2.jpg");
        }
        67%  {background:url("${pageContext.request.contextPath}/image/3.jpg");
        }
        100% {background:url("${pageContext.request.contextPath}/image/1.jpg");
        }
    }
    .container{
        width: 900px;
        margin: 10px auto;
        background: #8a6d3b;
        color: #4cae4c;
        font-size: 15px;
        padding: 5px 50px;
        border-radius: 10px;
    }

</style>
</html>
